*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-size: 100%;
    width:100vh;
    height:100vh;
}


@font-face {
  font-family: 'iconfont';  /* project id 1066931 */
  src: url('//at.alicdn.com/t/font_1066931_9tauwu01yh8.eot');
  src: url('//at.alicdn.com/t/font_1066931_9tauwu01yh8.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1066931_9tauwu01yh8.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1066931_9tauwu01yh8.woff') format('woff'),
  url('//at.alicdn.com/t/font_1066931_9tauwu01yh8.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1066931_9tauwu01yh8.svg#iconfont') format('svg');
}

  @media screen and (max-width : 768px) {
      html{
        transform: rotate(90deg);
        transform-origin: 50vw 50vw;
      }
  }

  .flex-row{
    display: flex;
    height: 100%;
    line-height: 100%;
    align-items: center;
    padding-left: 3%;
    padding-right: 3%;
    width:100%;
    .flex-row-item{
      flex: 1;
    }
  }


  .flex-column{
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-bottom: 1%;

    .flex-column-item{
      flex:1;
      width:100%;
    }
  }

  .flex-column,
  .flex-row{

  .flex-auto{
    flex:auto;
  }
  .flex-0{
    flex:0;
  }
  }
  .left{
    text-align: left;;
  }
  .center{
    text-align: center;
  }
  .right{
    text-align: right;
  }

  .header-title{
    border-bottom: 1px solid #212529;
  }
  .black{
    background-color: black;
    color: #fff;
    font-size:80%;
  }

  .selected-text,
  .active-block{
    background-color: #212529;
    color:white;
}
.selected-text{
  width:100%;
  height: 100%;
  line-height: 100%;
}
.flex-0{
  flex:0!important;
}
.flex-1{
  flex:1!important;
}
.flex-2{
  flex:2!important;
}
.flex-3{
  flex:3!important;
}
.flex-4{
  flex:4!important;
}
.flex-5{
  flex:5!important;
}
.flex-6{
  flex:6!important;
}
.flex-7{
  flex:7!important;
}

// 垂直水平居中（flex）
.flex-center {
 display: flex;
 align-items: center;
//  justify-content: center;
}

// 垂直水平居中（flex）
.flex-center-center {
  display: flex;
  align-items: center;
  justify-content: center;
 }

.m-center{
  margin: auto;
  display: inline-block;
}


.under-line{
  border-bottom: 1px solid #212529;
}

.menu-item {
  margin: 0 1%;
}
.simulation-screen{
  line-height: normal;
  overflow: hidden;
}

.h1{
  font-size:1.2em;
}
.h2{
  font-size:1.05em;
}
.h3{
  font-size:1.09em;
}


/** control弹窗样式*/
@mainColor: #212529;
@fontColor: #eaeaea;

.control-amount-working {
  background-color: @mainColor;
  color: @fontColor;
  text-align: center;
  display: inline-block;
  // padding: 1px 3px;
}
